<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Free HTML 5 Templates</title>
    <link rel="stylesheet" type="text/css" href="css/default.css" media="screen" >
    <link rel="stylesheet" type="text/css" href="css/layout.css" media="screen, print">
    <!--[if IE]>
      <script type="text/javascript" src="./js/html5.js"></script>
    <![endif]-->
  </head>

  <body>

    <div id="background">
      <div id="wrapper">

        <header id="header">

          <hgroup class="logo">
            <h1><a href="../." title="Back to homepage"><img src="images/logo.gif" alt="Some Company"></a></h1>
            <h2>Your slogan goes here</h2>

          </hgroup>

          <nav>
            <h2 class="hidden">Navigation</h2>

            <div id="mainMenu">
              <ul>
                <li class="active"><a href="#"><span>Homepage</span></a></li>
                <li><a href="about.html"><span>About us</span></a></li>
                <li><a href="contact.html"><span>Contact</span></a></li>
              </ul>
            </div>

            <h2 class="hidden">Quick Navigation</h2>

            <ul id="quickNav">

              <li class="home"><a href="../." title="Homepage"><span>Homepage</span></a></li>
              <li class="map"><a href="../." title="Sitemap"><span>Sitemap</span></a></li>
              <li class="contact"><a href="../." title="Contact"><span>Contact</span></a></li>
            </ul>

            <h2 class="hidden">Languages</h2>

            <ul id="lang">

              <li class="en"><a href="../." title="English"><span></span>EN</a></li>
              <li class="de"><a href="../." title="Deutsch"><span></span>DE</a></li>
              <li class="fr"><a href="../." title="Français"><span></span>FR</a></li>
            </ul>
          </nav>

          <form action="../.">
            <fieldset>

              <legend>Search</legend>
              <input type="search" class="text" name="search" title="Enter search word or phrase">
              <input type="submit" class="submit" value="Search">
            </fieldset>
          </form>

        </header>

        <section id="content">
          <h1>Free HTML 5 Template</h1>

          <p>This is a demonstration of a basic html 5 template, you may edit this at your own will, If you need more help editing this template please head over to our <a href="http://html5tutorial.net/forums/" title="HTML 5 forums" target="_blank">HTML 5 forums</a>. All that we ask is that you leave a footer link in place so that others may learn how to use HTML 5 coding, If your remove the footer link please make sure that you place a link somewhere on your site pointing to our website:<a href="HTTP://HTML5TUTORIAL.NET" title="HTML 5 TUTORIAL">HTML 5 TUTORIAL</a>.</p>

          <section class="floatBoxes">
            <h1>Example Services</h1>

            <article>
              <a href="../.">
                <h1>Service 1</h1>
                <p>Some annotation goes here. It may sperad on a few lines.</p>
              </a>
            </article>

            <article>

              <a href="../.">
                <h1>Service 2</h1>
                <p>Some annotation goes here. It may sperad on a few lines.</p>
              </a>
            </article>

            <article class="last">
              <a href="../.">

                <h1>Service 3</h1>
                <p>Some annotation goes here. It may sperad on a few lines.</p>
              </a>
            </article>
          </section>

          <section class="newsList">
            <h1>Place more information below:</h1>

            <article>
              <h1><a href="#">Headline #1</a></h1>
              <p><strong>Lorem Ipsum</strong> is simply dummy text of the printing and  typesetting industry. Lorem Ipsum has been the industry's standard  dummy text ever since the 1500s, when an unknown printer took a galley  of type and scrambled it to make a type specimen book. It has survived  not only five centuries, but also the leap into electronic typesetting,  remaining essentially unchanged. It was popularised in the 1960s with  the release of Letraset sheets containing Lorem Ipsum passages, and  more recently with desktop publishing software like Aldus PageMaker  including versions of Lorem Ipsum.</p>
            </article>

            <article>
              <h1><a href="../.">Headline #2</a></h1>

              <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad  minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip  ex ea commodo consequat. Duis aute irure dolor in reprehenderit in  voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur  sint occaecat cupidatat non proident, sunt in culpa qui officia  deserunt mollit anim id est laborum."</p>
            </article>
          </section>

        </section>

        <aside id="sidebar">

          <nav class="navMenu">
            <h1>Sections</h1>

            <ul>
              <li><a href="page1.html">Page 1</a></li>
              <li>
                <a href="page2.html">Page 2</a>
                <ul>
                  <li><a href="subpage1.html">Subpage 1</a></li>
                  <li><a href="subpage2.html">Subpage 2</a></li>

                  <li><a href="subpage3.htmll">Subpage 3</a></li>
                  <li><a href="subpage4.html">Subpage 4</a></li>
                </ul>
              </li>
              <li><a href="page3.html">Page 3</a></li>
              <li><a href="page4.html">Page 4</a></li>
            </ul>

          </nav>
          
          <h1>Links</h1>
          <a href="#">Sample Link #1</a><br>
          <a href="#">Sample Link #2</a><br>
          <a href="#">Sample Link #3</a><br>
          <a href="#">Sample Link #4</a><br>
          <a href="#">Sample Link #5</a><br>

          <h1>Contact us</h1>

          <address>
            NAME:<br>
            ADDRESS:<br>
            CITY:<br>

            PHONE NUMBER:<br>
            EMAIL:<br>
          </address>

        </aside>

      </div>
    </div>

    <footer id="footer">
      <div class="width">
        <p class="copyright">
          <small>
            &copy; <a href="http://html5tutorial.net">HTML 5 TUTORIALS</a> 2009, All rights reserved.
          </small>
        </p>

        <p class="HTML5">

          <small>
            This <abbr title="HTML 5 Template">HTML 5 Template</abbr> was designed by <a href="http://html5tutorial.net">HTML 5 Tutorials</a>.
          </small>
        </p>

        <div id="linkbuilding">
          <ul>

            <li><a href="../." title="SEO text">Linkbuilding Link</a></li>
            <li><a href="../." title="SEO text 2">Link 2</a></li>
            <li><a href="../." title="SEO text 3">Link 3</a></li>
            <li><a href="../." title="SEO text 4">Link 4</a></li>
            <li><a href="../." title="SEO text 5">Link 5</a></li>
            <li><a href="../." title="SEO text 6">Link 6</a></li>

            <li><a href="../." title="SEO text 7">Link 7</a></li>
          </ul>
        </div>

      </div>
</footer>

        </section>

  </body>
</html>